<template>
	<view>
		<carHeader :title="'个人信息'"></carHeader>
		<view class="content">
			<view class="c1">
				<text>头像</text>
				<image class="i1" src="https://img1.baidu.com/it/u=1238181060,3901064357&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1724432400&t=93c35a5daa7ad1307edd666e946842a1" mode="heightFix" @click="tiao1"></image>
				<image class="i2" src="../../static/车联网服务-08我的_slices/收起箭头小.png" @click="tiao1"></image>
			</view>
			<view class="c2" style="border-bottom: 1rpx solid rgb(245,245,245);">
				<text>姓名</text>
				<text>张先生</text>
			</view>
			<view class="c2" @click="tiao2">
				<text>电话</text>
				<text>15023457896</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			tiao1(){
				uni.navigateTo({
					url:"/pages/xinxixiugai1/xinxixiugai1"
				})
			},
			tiao2(){
				uni.navigateTo({
					url:"/pages/xinxixiugai2/xinxixiugai2"
				})
			}
		}
	}
</script>

<style lang="scss">
	.content{
		background-color: white;
		height: 300rpx;
		position: relative;
		top: -220rpx;
		margin: 20rpx;
		padding: 30rpx;
		border-radius: 20rpx;
		
		.c1{
			height: 100rpx;
			line-height: 100rpx;
			border-bottom: 1rpx solid rgb(243,243,243);
			display: flex;
			.i1{
				height: 100rpx;
				border-radius: 100%;
				position: relative;
				left: 420rpx;
			}
			.i2{
				height: 40rpx;
				width: 40rpx;
				position: relative;
				left:440rpx;
				top: 26rpx;
			}
		}
		
		.c2{
			display: flex;
			justify-content: space-between;
			line-height: 100rpx;
			background-color: white;
			align-items: center;
		}
		
	}
</style>
